<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>爆米花小布</title>
    <meta name="generator" content="VuePress 1.9.7">
    <link rel="icon" href="/favicon.ico">
    <script defer="defer" async="async" src="//cpro.baidustatic.com/cpro/ui/cm.js"></script>
    <meta name="description" content=" ">
    
    <link rel="preload" href="/assets/css/0.styles.54de4a22.css" as="style"><link rel="preload" href="/assets/js/app.36e8cb25.js" as="script"><link rel="preload" href="/assets/js/2.cd8e88cf.js" as="script"><link rel="preload" href="/assets/js/35.ea9a0227.js" as="script"><link rel="prefetch" href="/assets/js/10.5a175a73.js"><link rel="prefetch" href="/assets/js/11.7c8d5810.js"><link rel="prefetch" href="/assets/js/12.c77aca0d.js"><link rel="prefetch" href="/assets/js/13.fc475cb0.js"><link rel="prefetch" href="/assets/js/14.517ed6e7.js"><link rel="prefetch" href="/assets/js/15.7dc9cc39.js"><link rel="prefetch" href="/assets/js/16.4223237a.js"><link rel="prefetch" href="/assets/js/17.0e3dcd26.js"><link rel="prefetch" href="/assets/js/18.132512c7.js"><link rel="prefetch" href="/assets/js/19.55275db3.js"><link rel="prefetch" href="/assets/js/20.621b52a1.js"><link rel="prefetch" href="/assets/js/21.daa66e46.js"><link rel="prefetch" href="/assets/js/22.537fd259.js"><link rel="prefetch" href="/assets/js/23.81c79725.js"><link rel="prefetch" href="/assets/js/24.ee80a08c.js"><link rel="prefetch" href="/assets/js/25.260c7616.js"><link rel="prefetch" href="/assets/js/26.03e10148.js"><link rel="prefetch" href="/assets/js/27.768e5af1.js"><link rel="prefetch" href="/assets/js/28.ad0f08eb.js"><link rel="prefetch" href="/assets/js/29.9e188b97.js"><link rel="prefetch" href="/assets/js/3.9cba588d.js"><link rel="prefetch" href="/assets/js/30.f2aa9a7c.js"><link rel="prefetch" href="/assets/js/31.93c74095.js"><link rel="prefetch" href="/assets/js/32.4735eb89.js"><link rel="prefetch" href="/assets/js/33.7b05518b.js"><link rel="prefetch" href="/assets/js/34.3db00b39.js"><link rel="prefetch" href="/assets/js/36.5873bde7.js"><link rel="prefetch" href="/assets/js/37.2cbd5350.js"><link rel="prefetch" href="/assets/js/38.6c2de9e4.js"><link rel="prefetch" href="/assets/js/39.d3c0116f.js"><link rel="prefetch" href="/assets/js/4.97aec80c.js"><link rel="prefetch" href="/assets/js/40.47b05f9f.js"><link rel="prefetch" href="/assets/js/41.5dfb852e.js"><link rel="prefetch" href="/assets/js/42.1d7cf4c2.js"><link rel="prefetch" href="/assets/js/43.43f59d94.js"><link rel="prefetch" href="/assets/js/44.19309bf6.js"><link rel="prefetch" href="/assets/js/45.dbee3f0a.js"><link rel="prefetch" href="/assets/js/46.a373745d.js"><link rel="prefetch" href="/assets/js/5.bc4ebf1d.js"><link rel="prefetch" href="/assets/js/6.805bb5f3.js"><link rel="prefetch" href="/assets/js/7.9724c5a3.js"><link rel="prefetch" href="/assets/js/8.6c6d5662.js"><link rel="prefetch" href="/assets/js/9.641efeda.js">
    <link rel="stylesheet" href="/assets/css/0.styles.54de4a22.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container no-sidebar"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">爆米花小布</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/" class="nav-link">
  主页
</a></div><div class="nav-item"><a href="/element-ui/el-table-select-all/" class="nav-link">
  前端博客
</a></div><div class="nav-item"><a href="https://shenxiaobu.github.io/vue-element-dict/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  PC端字典插件包
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://shenxiaobu.github.io/vue-vant-dict" target="_blank" rel="noopener noreferrer" class="nav-link external">
  移动端字典插件包
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/" class="nav-link">
  主页
</a></div><div class="nav-item"><a href="/element-ui/el-table-select-all/" class="nav-link">
  前端博客
</a></div><div class="nav-item"><a href="https://shenxiaobu.github.io/vue-element-dict/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  PC端字典插件包
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://shenxiaobu.github.io/vue-vant-dict" target="_blank" rel="noopener noreferrer" class="nav-link external">
  移动端字典插件包
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav>  <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Element-ui组件使用经验</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/element-ui/el-table-select-all/" class="sidebar-link">使用el-table实现全选功能</a></li><li><a href="/element-ui/el-table-sku/" class="sidebar-link">利用element实现sku规格相关功能</a></li><li><a href="/element-ui/el-cropper/" class="sidebar-link">利用vue-cropper实现图片裁剪功能</a></li><li><a href="/element-ui/el-form-nesting/" class="sidebar-link">el-form嵌套表单校验</a></li><li><a href="/element-ui/el-theme/" class="sidebar-link">使用element-ui组件库实现主题切换功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>JS必备知识</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/JS/call-apply-bind/" class="sidebar-link">js中的call、apply和bind</a></li><li><a href="/JS/debounce-throttle/" class="sidebar-link">JS中防抖与节流的讲解与封装</a></li><li><a href="/JS/tree-data/" class="sidebar-link">JS中树形结构数据相关方法</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>CSS实战经验</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/CSS/contour-layout/" class="sidebar-link">css实现等高布局</a></li><li><a href="/CSS/fixed-aspect-ratio/" class="sidebar-link">css实现固定宽高比</a></li><li><a href="/CSS/draw-triangle/" class="sidebar-link">CSS画一个三角形</a></li><li><a href="/CSS/draw-ring/" class="sidebar-link">CSS画一个环形进度条</a></li><li><a href="/CSS/pseudo-class/" class="sidebar-link">伪类和伪元素的区别与使用</a></li><li><a href="/CSS/clear-float/" class="sidebar-link">清除浮动的原理与时机</a></li><li><a href="/CSS/layout/" class="sidebar-link">三栏布局问题（左右固定宽度 中间自适应）</a></li><li><a href="/CSS/flex/" class="sidebar-link">flex布局祥解</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>实用的npm包</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/npm/xiaobu-pic-zoom/" class="sidebar-link">xiaobu-pic-zoom图片放大镜</a></li><li><a href="/npm/vue-message-code/" class="sidebar-link">vue-message-code短信验证码</a></li><li><a href="/npm/xiaobu-water-marker/" class="sidebar-link">xiaobu-water-marker水印</a></li><li><a href="/npm/vue-flutter/" class="sidebar-link">vue-flutter漂浮动画</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>VUE小妙招</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-config/search-menu/" class="sidebar-link">利用fuse.js实现搜索菜单功能</a></li><li><a href="/vue-config/alias/" class="sidebar-link">vue项目配置别名</a></li><li><a href="/vue-config/svg-sprite-loader/" class="sidebar-link">vue项目配置使用svg图标</a></li><li><a href="/vue-config/vue-mode-env/" class="sidebar-link">vue项目的模式和环境变量</a></li><li><a href="/vue-config/system-config/" class="sidebar-link">vue项目配置系统变量</a></li><li><a href="/vue-config/axios-optimization-one/" class="sidebar-link">vue项目axios请求优化（一）</a></li><li><a href="/vue-config/axios-optimization-two/" class="sidebar-link">vue项目axios请求优化（二）</a></li><li><a href="/vue-config/axios-optimization-three/" class="sidebar-link">vue项目axios请求优化（三）</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>前端工具</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/tool/use-nvm/" class="sidebar-link">nvm的使用</a></li><li><a href="/tool/vscode/sftp/" class="sidebar-link">vscode插件之sftp</a></li><li><a href="/tool/vscode/koroFileHeader/" class="sidebar-link">vscode插件之koroFileHeader</a></li></ul></section></li></ul> </aside> <main class="home"><header class="hero"><!----> <!----> <p class="description">
       
    </p> <!----></header> <!----> <div class="theme-default-content custom content__default"><div class="resume" data-v-4a37c882><button type="button" class="el-button download el-button--primary el-button--small" data-v-4a37c882><!----><!----><span>下载简历</span></button> <div style="padding: 20px;" data-v-4a37c882><div class="title-center" data-v-4a37c882>沈延祥求职简历</div> <div class="base-info el-descriptions" data-v-4a37c882><div class="el-descriptions__header"><div class="el-descriptions__title">基本信息</div><div class="el-descriptions__extra"></div></div><div class="el-descriptions__body"><table class="el-descriptions__table is-bordered el-descriptions--medium"><tbody><tr class="el-descriptions-row"><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:136px;text-align:right;">
          姓名
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:210px;">
        沈延祥
      </td><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:136px;text-align:right;">
          性别
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:210px;"><span class="el-tag el-tag--primary el-tag--medium el-tag--light" data-v-4a37c882>男</span></td><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:136px;text-align:right;">
          求职岗位
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:210px;">
        web前端工程师
      </td></tr></tbody><tbody><tr class="el-descriptions-row"><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:136px;text-align:right;">
          出生年月
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:210px;">
        1995-02
      </td><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:136px;text-align:right;">
          手机号
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:210px;">
        18850285681
      </td><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:136px;text-align:right;">
          籍贯
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:210px;">
        漳州诏安
      </td></tr></tbody><tbody><tr class="el-descriptions-row"><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:136px;text-align:right;">
          当前工作状态
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:210px;"><span class="el-tag el-tag--success el-tag--medium el-tag--light" data-v-4a37c882>在职</span></td><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:136px;text-align:right;">
          当前所在单位
        </th><td colSpan="3" class="el-descriptions-item__cell el-descriptions-item__content" style="width:210px;">
        易联众民生（厦门）科技有限公司
      </td></tr></tbody><tbody><tr class="el-descriptions-row"><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:136px;text-align:right;">
          毕业学校
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:210px;">
        闽南师范大学
      </td><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:136px;text-align:right;">
          专业
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:210px;">
        网络工程
      </td><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:136px;text-align:right;">
          学历
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:210px;">
        全日制本科
      </td></tr></tbody><tbody><tr class="el-descriptions-row"><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:136px;text-align:right;">
          电子邮箱
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:210px;">
        18850285681@163.com
      </td><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:136px;text-align:right;">
          个人博客
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:210px;"><a href="https://shenxiaobu.github.io/" data-v-4a37c882>https://shenxiaobu.github.io/</a></td><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:136px;text-align:right;">
          微信公众号
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:210px;">
        爆米花小布
      </td></tr></tbody></table></div></div> <div class="work-experience no-content el-descriptions" data-v-4a37c882><div class="el-descriptions__header"><div class="el-descriptions__title">工作经历</div><div class="el-descriptions__extra"></div></div><div class="el-descriptions__body"><table class="el-descriptions__table is-bordered el-descriptions--medium"></table></div></div> <div class="el-table work-experience-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition" data-v-4a37c882><div class="hidden-columns"><div data-v-4a37c882></div> <div data-v-4a37c882></div> <div data-v-4a37c882></div></div><div class="el-table__header-wrapper"><table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width:;"><colgroup></colgroup><thead><tr></tr></thead></table></div><div class="el-table__body-wrapper is-scrolling-none"><table cellspacing="0" cellpadding="0" border="0" class="el-table__body" style="width:;"><colgroup></colgroup><tbody><tr class="el-table__row"></tr><tr class="el-table__row"></tr><tr class="el-table__row"></tr><!----></tbody></table><!----><!----></div><!----><!----><!----><!----><div class="el-table__column-resize-proxy" style="display:none;"></div></div> <div class="skill-list el-descriptions" data-v-4a37c882><div class="el-descriptions__header"><div class="el-descriptions__title">技能清单</div><div class="el-descriptions__extra"></div></div><div class="el-descriptions__body"><table class="el-descriptions__table is-bordered el-descriptions--medium"><tbody><tr class="el-descriptions-row"><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:128px;text-align:right;">
          前端基础
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:940px;">
        html, css, js, jquery, less, scss, art-template, ajax, html5, css3
      </td></tr></tbody><tbody><tr class="el-descriptions-row"><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:128px;text-align:right;">
          前端中级
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:940px;">
        vue-cli, vue, axios, vue-router, vuex, element-ui, vant-ui, mint-ui, WeUI, h5+, uniapp, 微信小程序, 支付宝小程序,
        i18n国际化
      </td></tr></tbody><tbody><tr class="el-descriptions-row"><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:128px;text-align:right;">
          前端进阶
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:940px;">
        echart可视化, g2可视化, high chart, nuxt服务端渲染, node写接口及批量更改文件, express写接口, mysql, gulp构建css命名空间, vuepress书写文档,
        mock模拟接口数据
      </td></tr></tbody><tbody><tr class="el-descriptions-row"><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:128px;text-align:right;">
          代码管理工具
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:940px;">
        svn, git
      </td></tr></tbody><tbody><tr class="el-descriptions-row"><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:128px;text-align:right;">
          服务器
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:940px;">
        linux服务器简单命令行操作, winScp软件实现文件上传服务器, XShell连接服务器
      </td></tr></tbody><tbody><tr class="el-descriptions-row"><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:128px;text-align:right;">
          部署相关
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:940px;">
        jenkins一键构建, vscode插件sftp实现一键部署
      </td></tr></tbody><tbody><tr class="el-descriptions-row"><th colSpan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label " style="width:128px;text-align:right;">
          软件
        </th><td colSpan="1" class="el-descriptions-item__cell el-descriptions-item__content" style="width:940px;">
        PS的基本使用, AI的基本使用, vscode代码编辑器, HBuildX代码编辑器, apiFox接口文档, apiPost接口文件, postMan接口调试工具, 微信开发者工具, 支付宝开发者工具,
        XMind思维导图
      </td></tr></tbody></table></div></div> <div class="work-experience no-content el-descriptions" data-v-4a37c882><div class="el-descriptions__header"><div class="el-descriptions__title">主要工作经验</div><div class="el-descriptions__extra"></div></div><div class="el-descriptions__body"><table class="el-descriptions__table is-bordered el-descriptions--medium"></table></div></div> <div class="item-box" data-v-803b8c9e data-v-4a37c882><div class="title-box" data-v-803b8c9e>
        项目: 广电商城 (2022.01-至今)
      </div> <div class="item-content-box" data-v-803b8c9e><div class="row" data-v-803b8c9e data-v-4a37c882><div class="field" data-v-803b8c9e data-v-4a37c882><span class="field-title" data-v-803b8c9e data-v-4a37c882>项目描述</span></div> <div class="value" data-v-803b8c9e data-v-4a37c882>
            类似淘宝,有管理端，卖家端(供应商，合伙人, KOL), 买家端, 小程序, H5
          </div></div> <div class="row" data-v-803b8c9e data-v-4a37c882><div class="field" data-v-803b8c9e data-v-4a37c882><span class="field-title" data-v-803b8c9e data-v-4a37c882>负责模块</span></div> <div class="value" data-v-803b8c9e data-v-4a37c882>
            管理端，卖家端新功能开发，及旧功能bug修改或者重构
          </div></div> <div class="row" data-v-803b8c9e data-v-4a37c882><div class="field" data-v-803b8c9e data-v-4a37c882><span class="field-title" data-v-803b8c9e data-v-4a37c882>优化</span></div> <div class="value" data-v-803b8c9e data-v-4a37c882>
            1、重构sku规格新增功能<br data-v-803b8c9e data-v-4a37c882>
            2、重构发布商品功能, 实现表单校验滚动到最顶部错误位置<br data-v-803b8c9e data-v-4a37c882>
            3、重构B端首页，100%还原UI设计图<br data-v-803b8c9e data-v-4a37c882>
            4、优化代码结构<br data-v-803b8c9e data-v-4a37c882></div></div></div></div> <div class="item-box" data-v-803b8c9e data-v-4a37c882><div class="title-box" data-v-803b8c9e>
        项目: 福建12333公共服务 (2021.04-2021.12)
      </div> <div class="item-content-box" data-v-803b8c9e><div class="row" data-v-803b8c9e data-v-4a37c882><div class="field" data-v-803b8c9e data-v-4a37c882><span class="field-title" data-v-803b8c9e data-v-4a37c882>项目描述</span></div> <div class="value" data-v-803b8c9e data-v-4a37c882>
            登录方式有个人登录及企业登录, 可使用闽政通扫码方式登录, 有门户页面, 个人网厅，单位网厅，页面数据大多由后端返回，点击链接可进行
            相应页面并携带登录状态。
          </div></div> <div class="row" data-v-803b8c9e data-v-4a37c882><div class="field" data-v-803b8c9e data-v-4a37c882><span class="field-title" data-v-803b8c9e data-v-4a37c882>职责</span></div> <div class="value" data-v-803b8c9e data-v-4a37c882>
            负责本项目全部前端开发，从无到有。
          </div></div> <div class="row" data-v-803b8c9e data-v-4a37c882><div class="field" data-v-803b8c9e data-v-4a37c882><span class="field-title" data-v-803b8c9e data-v-4a37c882>亮点</span></div> <div class="value" data-v-803b8c9e data-v-4a37c882>
            1、使用自主研发的vue-element-dict字典包,实现轻松使用字典数据<br data-v-803b8c9e data-v-4a37c882>
            2、使用自助研发的vue-message-code获取短信验证码组件,解决刷新就可重新获取验证码的问题<br data-v-803b8c9e data-v-4a37c882>
            3、解决动态加载路由, 多级目录页面出不来的问题<br data-v-803b8c9e data-v-4a37c882>
            4、实现点击相同侧边栏菜单刷新页面功能<br data-v-803b8c9e data-v-4a37c882>
            5、使用自主研发的vue-flutter包实现漂浮的公告功能<br data-v-803b8c9e data-v-4a37c882>
            6、使用自主研发的xiaobu-water-marker包实现项目水印功能<br data-v-803b8c9e data-v-4a37c882></div></div></div></div> <div class="item-box" data-v-803b8c9e data-v-4a37c882><div class="title-box" data-v-803b8c9e>
        项目: 大屏项目 (2021.04-2021.12)
      </div> <div class="item-content-box" data-v-803b8c9e><div class="row" data-v-803b8c9e data-v-4a37c882><div class="field" data-v-803b8c9e data-v-4a37c882><span class="field-title" data-v-803b8c9e data-v-4a37c882>项目描述</span></div> <div class="value" data-v-803b8c9e data-v-4a37c882>
            根据UI图实现大屏折线图, 条形统计图，饼图, 水流图, 梯形柱状图
          </div></div> <div class="row" data-v-803b8c9e data-v-4a37c882><div class="field" data-v-803b8c9e data-v-4a37c882><span class="field-title" data-v-803b8c9e data-v-4a37c882>职责</span></div> <div class="value" data-v-803b8c9e data-v-4a37c882>
            按百分百还原率,还原UI设计图效果
          </div></div> <div class="row" data-v-803b8c9e data-v-4a37c882><div class="field" data-v-803b8c9e data-v-4a37c882><span class="field-title" data-v-803b8c9e data-v-4a37c882>亮点</span></div> <div class="value" data-v-803b8c9e data-v-4a37c882>
            1、使用g2实现条形渐变<br data-v-803b8c9e data-v-4a37c882>
            2、使用g2实现条形渐变<br data-v-803b8c9e data-v-4a37c882>
            3、使用high chart实现立体图<br data-v-803b8c9e data-v-4a37c882>
            4、使用L7实现中国地图<br data-v-803b8c9e data-v-4a37c882>
            5、sockjs-client及stompjs实现websocket实时通讯更新统计图<br data-v-803b8c9e data-v-4a37c882></div></div></div></div> <div class="item-box" data-v-803b8c9e data-v-4a37c882><div class="title-box" data-v-803b8c9e>
        项目: 国家医保 (2020.04-2021.03)
      </div> <div class="item-content-box" data-v-803b8c9e><div class="row" data-v-803b8c9e data-v-4a37c882><div class="field" data-v-803b8c9e data-v-4a37c882><span class="field-title" data-v-803b8c9e data-v-4a37c882>项目描述</span></div> <div class="value" data-v-803b8c9e data-v-4a37c882>
            国家医保项目涉及经办人管理系统, 国家医保个人网厅, 单位网厅, 国家医保App, 涉及业务广泛。
          </div></div> <div class="row" data-v-803b8c9e data-v-4a37c882><div class="field" data-v-803b8c9e data-v-4a37c882><span class="field-title" data-v-803b8c9e data-v-4a37c882>职责</span></div> <div class="value" data-v-803b8c9e data-v-4a37c882>
            负责经办人管理系统eslint代码规范化, 根据国家医保样式规范统一样式规范, 开发新功能, 医保APP嵌套的H5页面功能, 优化项目等。
          </div></div> <div class="row" data-v-803b8c9e data-v-4a37c882><div class="field" data-v-803b8c9e data-v-4a37c882><span class="field-title" data-v-803b8c9e data-v-4a37c882>优化</span></div> <div class="value" data-v-803b8c9e data-v-4a37c882>
            1、优化eslint代码规范, 避免团队协作代码冲突<br data-v-803b8c9e data-v-4a37c882>
            2、基于element-ui重置ui样式,及全局搜索框,表格展示及弹框等全局统一样式<br data-v-803b8c9e data-v-4a37c882>
            3、青海医保实现藏语及中文切换,利用excel快速导出json文件,并利用node批量切换原先写好的项目变量<br data-v-803b8c9e data-v-4a37c882>
            4、封装axios, 实现相同接口不会重复请求, 可达到防止重复点击效果<br data-v-803b8c9e data-v-4a37c882>
            5、实现多个请求同时进行时,只到最后一个请求完毕才关闭请求动画<br data-v-803b8c9e data-v-4a37c882>
            6、封装防抖及节流方法,方便快捷使用,并实现可配置是否立即触发功能<br data-v-803b8c9e data-v-4a37c882>
            7、使用sm-crypto及crypto-js实现请求及响应加密<br data-v-803b8c9e data-v-4a37c882></div></div></div></div> <div class="item-box" data-v-803b8c9e data-v-4a37c882><div class="title-box" data-v-803b8c9e>
        项目: 有课 (2018.11-2020.03)
      </div> <div class="item-content-box" data-v-803b8c9e><div class="row" data-v-803b8c9e data-v-4a37c882><div class="field" data-v-803b8c9e data-v-4a37c882><span class="field-title" data-v-803b8c9e data-v-4a37c882>项目描述</span></div> <div class="value" data-v-803b8c9e data-v-4a37c882>
            一款供大学老师和学生上课或布置课堂作业使用的课堂软件, 有微信端, APP端(安卓及ios), PC端。每个端均可两种身份(老师和学生)登录,老师可以在上面布置作业,
            作业类型有单选题、多选题、简答题等, 还有上传各种类型文件材料，上课提醒, 课堂抢答等, 业务涉及国外及香港的大学，设有中文简体, 中文繁体, 英语三种语言。
          </div></div> <div class="row" data-v-803b8c9e data-v-4a37c882><div class="field" data-v-803b8c9e data-v-4a37c882><span class="field-title" data-v-803b8c9e data-v-4a37c882>负责模块</span></div> <div class="value" data-v-803b8c9e data-v-4a37c882>
            主要负责微信端和app端。PC端为前后端不分离开发,由全栈人员负责,必要时基于援助。
          </div></div> <div class="row" data-v-803b8c9e data-v-4a37c882><div class="field" data-v-803b8c9e data-v-4a37c882><span class="field-title" data-v-803b8c9e data-v-4a37c882>遇到的问题</span></div> <div class="value" data-v-803b8c9e data-v-4a37c882>
            1、new Date() 在ios上的坑<br data-v-803b8c9e data-v-4a37c882>
            2、实现页面前进刷新,后退使用keep-alive缓存不刷新<br data-v-803b8c9e data-v-4a37c882>
            3、实现自定义遮盖符号的密码框<br data-v-803b8c9e data-v-4a37c882>
            4、实现国际化, 样式兼容英语，会出现英语倒叙，英语长度太长等问题<br data-v-803b8c9e data-v-4a37c882>
            5、安卓系统滚动的时候点击屏幕会停止滚动, 但是同时也会触发点击处的点击事件(如进入详情)<br data-v-803b8c9e data-v-4a37c882></div></div> <div class="row" data-v-803b8c9e data-v-4a37c882><div class="field" data-v-803b8c9e data-v-4a37c882><span class="field-title" data-v-803b8c9e data-v-4a37c882>解决问题</span></div> <div class="value" data-v-803b8c9e data-v-4a37c882>
            1、使用replace(/-/g, &quot;/&quot;)，将&quot;-&quot;分隔符转化为&quot;/&quot;<br data-v-803b8c9e data-v-4a37c882>
            2、activated --&gt; deactivated 关键这两个路由守卫<br data-v-803b8c9e data-v-4a37c882>
            3、等宽字体<br data-v-803b8c9e data-v-4a37c882>
            4、国际化针对不同语言实现不同样式展示<br data-v-803b8c9e data-v-4a37c882>
            5、监听滚动事件,滚动事件里面添加个一次性定时器用来判断是否在滚动, 在滚动的话不然进入详情<br data-v-803b8c9e data-v-4a37c882></div></div></div></div> <div class="item-box" data-v-803b8c9e data-v-4a37c882><div class="title-box" data-v-803b8c9e>
        项目: 其他项目
      </div> <div class="item-content-box" data-v-803b8c9e><div class="row" data-v-803b8c9e data-v-4a37c882><div class="field" data-v-803b8c9e data-v-4a37c882><span class="field-title" data-v-803b8c9e data-v-4a37c882>项目描述</span></div> <div class="value" data-v-803b8c9e data-v-4a37c882>
            银行自助机，各银行H5项目线上申领社保卡，支付宝小程序线上申领社保卡。
          </div></div> <div class="row" data-v-803b8c9e data-v-4a37c882><div class="field" data-v-803b8c9e data-v-4a37c882><span class="field-title" data-v-803b8c9e data-v-4a37c882>功能</span></div> <div class="value" data-v-803b8c9e data-v-4a37c882>
            1、对接银行自助机，调用自助机硬件功能实现制作社保卡<br data-v-803b8c9e data-v-4a37c882>
            2、各地市，各银行线上申领社保卡，或补办，或替新生儿申领等功能，对接支付宝支付，人脸识别，<br data-v-803b8c9e data-v-4a37c882>
            3、支付宝小程序嵌套H5页面<br data-v-803b8c9e data-v-4a37c882>
            4、打印机套打功能<br data-v-803b8c9e data-v-4a37c882>
            5、OCX调用硬件API<br data-v-803b8c9e data-v-4a37c882>
            6、主题切换功能<br data-v-803b8c9e data-v-4a37c882></div></div></div></div> <div class="study-experience no-content el-descriptions" data-v-4a37c882><div class="el-descriptions__header"><div class="el-descriptions__title">自学经历</div><div class="el-descriptions__extra"></div></div><div class="el-descriptions__body"><table class="el-descriptions__table is-bordered el-descriptions--medium"></table></div></div> <div class="el-table study-experience-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition" data-v-4a37c882><div class="hidden-columns"><div data-v-4a37c882></div> <div data-v-4a37c882></div></div><div class="el-table__header-wrapper"><table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width:;"><colgroup></colgroup><thead><tr></tr></thead></table></div><div class="el-table__body-wrapper is-scrolling-none"><table cellspacing="0" cellpadding="0" border="0" class="el-table__body" style="width:;"><colgroup></colgroup><tbody><tr class="el-table__row"></tr><tr class="el-table__row"></tr><tr class="el-table__row"></tr><tr class="el-table__row"></tr><tr class="el-table__row"></tr><!----></tbody></table><!----><!----></div><!----><!----><!----><!----><div class="el-table__column-resize-proxy" style="display:none;"></div></div> <div class="honor-wall no-content el-descriptions" data-v-4a37c882><div class="el-descriptions__header"><div class="el-descriptions__title">荣誉墙</div><div class="el-descriptions__extra"></div></div><div class="el-descriptions__body"><table class="el-descriptions__table is-bordered el-descriptions--medium"></table></div></div> <ul class="el-timeline" data-v-4a37c882><li class="el-timeline-item" data-v-4a37c882><div class="el-timeline-item__tail"></div><div class="el-timeline-item__node el-timeline-item__node--normal el-timeline-item__node--"><!----></div><!----><div class="el-timeline-item__wrapper"><div class="el-timeline-item__timestamp is-top">
      2013-2016
    </div><div class="el-timeline-item__content"><div class="shaw-box" data-v-4a37c882><h4 data-v-4a37c882>闽南师范大学</h4> <p data-v-4a37c882>
            三等奖学金, 学习进步奖, 视频制作大赛三等奖, 院团学积极分子（连续三年），计算机学院院标制作大赛二等奖，
            闽南师范大学校合唱团三等奖, 闽南师范大学校园腾飞杯道德风尚奖, 闽南师范大学2016级录取通知书设计大赛八强
          </p></div></div><!----></div></li> <li class="el-timeline-item" data-v-4a37c882><div class="el-timeline-item__tail"></div><div class="el-timeline-item__node el-timeline-item__node--normal el-timeline-item__node--"><!----></div><!----><div class="el-timeline-item__wrapper"><div class="el-timeline-item__timestamp is-top">
      2019
    </div><div class="el-timeline-item__content"><div class="shaw-box" data-v-4a37c882><h4 data-v-4a37c882>厦门致上科技有限公司</h4> <p data-v-4a37c882>披星戴月奖</p></div></div><!----></div></li> <li class="el-timeline-item" data-v-4a37c882><div class="el-timeline-item__tail"></div><div class="el-timeline-item__node el-timeline-item__node--normal el-timeline-item__node--"><!----></div><!----><div class="el-timeline-item__wrapper"><div class="el-timeline-item__timestamp is-top">
      2020-至今
    </div><div class="el-timeline-item__content"><div class="shaw-box" data-v-4a37c882><h4 data-v-4a37c882>易联众民生（厦门）科技有限公司</h4> <p data-v-4a37c882>软件园篮球赛季军, 优秀新人奖, 学习技术先锋</p></div></div><!----></div></li></ul> <div class="self-evaluation no-content el-descriptions" data-v-4a37c882><div class="el-descriptions__header"><div class="el-descriptions__title">自我评价</div><div class="el-descriptions__extra"></div></div><div class="el-descriptions__body"><table class="el-descriptions__table is-bordered el-descriptions--medium"></table></div></div> <div class="self-evaluation-content" data-v-4a37c882>
      本人拥有较强的逻辑思维能力、遇到问题能够快速找到引发问题的关键点并独立解决，
      学习能力强且热爱学习，善于总结所学的知识及平常遇到的坑，拥有自己的博客，
      抗压能力强，对于紧急问题能够积极配合保质保量完成任务，
      对代码具有执着的精神，拥有良好的代码规范，及对UI还原度的执著。
      热爱打篮球，参加过软件园篮球赛，并获得季军，拥有良好的团队精神以及沟通能力。
      秉承着今日事，今日毕的原则，积极完成当日工作。
    </div></div> <div class="el-dialog__wrapper" style="display:none;" data-v-4a37c882><div role="dialog" aria-modal="true" aria-label="简历预览" class="el-dialog" style="margin-top:15vh;"><div class="el-dialog__header"><span class="el-dialog__title">简历预览</span><button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button></div><!----><div class="el-dialog__footer"><div class="dialog-footer" data-v-4a37c882><button type="button" class="el-button el-button--default el-button--small" data-v-4a37c882><!----><!----><span>取 消</span></button> <button type="button" class="el-button el-button--primary el-button--small" data-v-4a37c882><!----><!----><span>下 载</span></button></div></div></div></div></div></div> <div class="footer content__footer"></div></main></div><div class="global-ui"><div id="loading-mask"><div class="loading-wrapper"><span class="loading-dot loading-dot-spin"><i></i> <i></i> <i></i> <i></i></span></div></div><!----></div></div>
    <script src="/assets/js/app.36e8cb25.js" defer></script><script src="/assets/js/2.cd8e88cf.js" defer></script><script src="/assets/js/35.ea9a0227.js" defer></script>
  </body>
</html>
